<template>
	<div class="dealInfo">
		<el-card shadow="never">
			<p>
				物料编码：&nbsp;&nbsp;&nbsp;16-02180B-14-10
			</p>
			<p>
				物料名称：&nbsp;&nbsp;&nbsp;CABLE,2C,18AWG(16/30)
			</p>
			<p>
				数<span class="wordSpace">量</span>：&nbsp;&nbsp;&nbsp;10
			</p>
			<p class="lastP">提报时间：&nbsp;&nbsp;&nbsp;2018-01-16 18:06:56</p>
		</el-card>
		<el-card shadow="never">
			<p class="deal_notice"><span class="label">提报备注：</span><input type="text" class='deal_input'/></p>
			<p class="lastP dealPer" @click="goDealPerson">
				<span><span class="dealSpan">处理人：</span>&nbsp;&nbsp;&nbsp;管理员</span>
				<span class="el-icon-arrow-right"></span>
			</p>
		</el-card>
		<div class="btn">
			<mt-button size="large" type='primary'>提交</mt-button>
			<mt-button size="large" type='default' @click='goBack()'>返回</mt-button>
		</div>
	</div>
</template>

<script>
	export default{
		
		methods:{
			goDealPerson(){
				this.$router.push({name:'abnormalDealPer'})
			}
		}
	}
</script>

<style scoped="scoped">
	
	.dealInfo .label{
		width: 114px;
		height: 25px;
	}
	.deal_notice{
		padding-bottom: 0;
		display: flex;
		justify-content: space-between;
	}
	.deal_input{
		border: none;
		outline: none;
		margin-bottom: 0;
		padding-top: 0;
		padding-bottom: 5px;
		padding-left: 11px;
		height: 25px;
		font-size: 15px;
	}
	.dealInfo .btn{
		margin-top: 13px;
		padding-left: 10px;
		padding-right: 10px;
	}
	.mint-button--large{
		margin-top: 10px;
	}
	.el-card .dealPer{
		display: flex;
		justify-content: space-between;
	}
	.mint-button--default{
		background: white;
	}
	.el-card .wordSpace{
		margin-left: 2em;
	}
	.el-card .dealSpan{
		letter-spacing: 0.35em;
	}
	.el-card{
		margin-top: 10px;
	}
	.el-card p{
		
		font-size: 15px;
		color: #40485b;
		padding-bottom: 10px;
		border-bottom: 1px #EEEEEE solid;
		padding-top: 10px;
	}
	.el-card .lastP{
		margin-bottom: 0px;
		border: none;
	}
</style>
